Ce projet propose une page web minimale affichant une vidéo en boucle, accompagnée de sous-titres défilants et de boutons interactifs. Il peut servir de vitrine, de teaser, ou de point d’entrée vers un univers, une campagne ou une démarche collective.
Présenter une vidéo sans dépendre de plateformes commerciales.
Afficher des sous-titres de manière autonome et fluide.
Donner accès à d’autres ressources, outils ou espaces via des boutons cliquables.
Un exemple en ligne est disponible à l’adresse suivante :
https://ouaisfieu.github.io/vitrine/
Les fichiers peuvent être téléchargés, modifiés et utilisés librement. Il est possible de les héberger sur GitHub Pages ou tout autre espace web.
La vidéo par défaut est hébergée à l’adresse :
https://dl.ouaisfi.eu/Vidéos/LAISSEZ PAC TRANQUILLE.mp4
Pour la remplacer :
héberger une autre vidéo en ligne (.mp4 de préférence),
mettre à jour le lien dans le fichier index.html
.
Le fichier subtitles.vtt
contient les sous-titres animés.
Il peut être édité avec un éditeur de texte simple.
Chaque bloc peut être allongé, espacé ou modifié selon le rythme souhaité.
Les intitulés, liens ou effets des boutons peuvent être modifiés dans le fichier index.html
.
Ils permettent de guider vers d’autres pages, outils ou espaces en lien avec la démarche portée.
Vidéos à disposition :
https://dl.ouaisfi.eu/Vidéos/
Fichier des sous-titres :
subtitles.vtt
(inclus dans le projet)
Ce projet peut être utilisé tel quel ou comme base pour construire une version adaptée à un autre contexte.